<template>
  <div class="container">
    <Echart-chart :xdata="xdata" :ydata="ydata" :ids="1" :type="bar"></Echart-chart>
    <Echart-chart :xdata="xdata" :ydata="ydata" :ids="2" :type="line"></Echart-chart>
    <br><br>
    <QRcode width="100" height="100" :content="content" :load="false"></QRcode>
  </div>
</template>

<script>
import EchartChart from '../../components/echarts/EchartChart.vue'
export default {
  components: {
      EchartChart,  
  },
  data(){
      return{
        bar:'bar',
        line:'line',
          xdata: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
          ydata: [150, 230, 224, 218, 135, 147, 260],
          content:'',
      }
  },
  mounted(){
    // console.log('杨杨')
    let params = {
     userId: '123', //用户id
     userName: 'Bob', //用户名
     userNumber: 'sas123', //工号 
    };
    this.content = JSON.stringify(params);
  },

  
}
</script>

<style scoped>

</style>
